<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="es" xml:lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<!-- 		<link rel="stylesheet" href="http://design.rtve.int/beatrizjc/trato/style.css" type="text/css" media="screen" /> -->
		<link href="/trato/resources/css/style.css" rel="stylesheet"/>
	
		<link rel="stylesheet" href="/trato/resources/css/jquery-ui-1.10.4.css"/>
		<script src="/trato/resources/js/jquery-1.11.0.min.js"></script>
		<script src="/trato/resources/js/jquery-ui-1.10.4.js"></script>
		<script src="/trato/resources/js/jquery.ui.datepicker-es.js"></script>
		<script>
			$(function() {
				$("#fechaNacInput").datepicker({
					changeMonth: true,
					stepMonths: 12
				});
				$("#fechaNacInput").datepicker("option", "maxDate", "-18y");
				$("#fechaNacInput").datepicker("option", "minDate", "-100y");
			});
		</script>
	</head>
	<body>
		<h2><fmt:message key="registro.titulo"/></h2>
		 
		<form:form action="registrar" modelAttribute="registroForm">
		
			<!-- Errores Generales -->
			
			<form:errors path="" class="error"/>
		
    		<!-- Zona De Usuario -->
			<div class="row">
				<label for="emailInput"><fmt:message key="registro.email"/>:</label>
	    		<form:input path="user" id="emailInput" placeholder="@"/>
	    		<form:errors path="user" class="error"/>
	    	</div>
    		
    		<div class="row">
				<label for="passwordInput"><fmt:message key="registro.password"/>:</label>
	    		<form:password path="password" id="passwordInput"/>
	    		<form:errors path="password" class="error"/>
	    	</div>
    		
    		<div class="row">
				<label for="password2Input"><fmt:message key="registro.password2"/>:</label>
	    		<form:password path="password2" id="password2Input"/>
	    		<form:errors path="password2" class="error"/>
	    	</div>
    		
    		<!-- Zona De Cliente -->
		
			<div class="row">
				<label for="nombreInput"><fmt:message key="registro.nombre"/>:</label>
	    		<form:input path="nombre" id="nombreInput"/>
	    		<form:errors path="nombre" class="error"/>
	    	</div>
    		
    		<div class="row">
				<label for="apellido1Input"><fmt:message key="registro.apellido1"/>:</label>
	    		<form:input path="apellido1" id="apellido1Input"/>
	    		<form:errors path="apellido1" class="error"/>
	    	</div>
    		
    		<div class="row">
				<label for="apellido2Input"><fmt:message key="registro.apellido2"/>:</label>
	    		<form:input path="apellido2" id="apellido2Input"/>
	    		<form:errors path="apellido2" class="error"/>
	    	</div>
    		
    		<div class="row">
				<label for="direccionInput"><fmt:message key="registro.direccion"/>:</label>
	    		<form:input path="direccion" id="direccionInput"/>
	    		<form:errors path="direccion" class="error"/>
	    	</div>
    		
    		<div class="row">
				<label for="fechaNacInput"><fmt:message key="registro.fechaNac"/>:</label>
	    		<form:input path="fechaNacimiento" id="fechaNacInput" readonly="true"/>
	    		<form:errors path="fechaNacimiento" class="error"/>
	    	</div>
    		
    		<div class="row">
				<label for="telefonoInput"><fmt:message key="registro.telefono"/>:</label>
	    		<form:input path="telefono" id="telefonoInput"/>
	    		<form:errors path="telefono" class="error"/>
	    	</div>
    		
    		<div class="row">
				<input type="submit" value="<fmt:message key="registro.addButton"/>" />
			</div>
		</form:form>
		<div class="card">
			<span class="action"><a href='login'><fmt:message key="return"/></a></span>
		</div>
	</body>
</html>